<template>
	<div id="searchBox">
		<router-link to="/search">
			<input  class="searchBox" />
			<div class="searchBar" >
				<i class="iconfont icon-search "></i>
			</div>
		</router-link>
	</div>
</template>

<script>
  export default {};
</script>

<style lang='less' scoped>
	#searchBox{
		background: #fff;
		.searchBox{border:1px solid #bbb;border-radius: 50px;width: 100%;height: 0.7rem;position: relative;top: 0.12rem;text-indent: 2.5em;background: #fff;}
		.searchBar{position: absolute;top: 6px;left: 10px;color: #999;
			.iconfont{font-size: 0.7rem;top: 0.013333rem;position: relative;}
		}
	}
</style>
